<template>3333
<!--  <toolbar-->
<!--      @clickChild = "clickEven">-->
<!--  </toolbar>-->
  <RiverMap></RiverMap>
<!--  <div class="container">-->
<!--    <NumericInputField-->
<!--        v-if="result === '基本参数'"-->
<!--    />-->
<!--&lt;!&ndash;        class="floating-input"&ndash;&gt;-->

<!--    <calculationMethod-->
<!--        v-if="result === '计算方法'"-->
<!--    ></calculationMethod>-->
<!--    <riverenvanlysis-->
<!--        v-if="result === '结果分析'"-->
<!--    >-->
<!--    </riverenvanlysis>-->

<!--&lt;!&ndash;    <riverAttributesForm />&ndash;&gt;-->

<!--  </div>-->
</template>

<script setup>
import {ref} from 'vue'
// import NumericInputField from "@/components/numericInputField.vue";
// // eslint-disable-next-line no-unused-vars
// import toolbar from "@/components/RiverEnvToolBar.vue"
// import calculationMethod from "@/components/calculationMethod.vue"
// import riverenvanlysis from "@/components/RiverEnvAnalysisResults.vue"
import RiverMap from "@/components/RiverEnv/RiverMap.vue"
const result=ref('')
// eslint-disable-next-line no-unused-vars
const clickEven= val =>{
  console.log(val);
  result.value=val
}


</script>

<style>
.container {
  position: relative; /* Make container positionable */
}

.floating-input {
  position: fixed; /* Fix to viewport */
  top: 20px; /* Adjust vertical offset as needed */
  left: 50%; /* Center horizontally */
  transform: translate(-50%, 0); /* Center relative to parent */
  z-index: 10; /* Higher z-index for stacking */
}
</style>